
const path = require('path')

const htmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
    // 入口
    entry: "./src/index.ts",
    // 出口
    output: {
        path: path.resolve(__dirname, './dist'),
        filename: "index.js"
    },
    // 设置环境
    mode: "development", // production 或 development
    stats: "none",
    resolve: {
        extensions: ['.ts', '.js'], // import 时可以省略的后缀
        alias: {
            '@': path.resolve(__dirname, './src')
        }
    },
    module: {
        rules: [ // 匹配规则
            {
                test: /\.ts$/, // 正则匹配 ts 结尾
                use: "ts-loader"
            }
        ]
    },
    // 本地服务
    devServer: {
        // 本地服务端口
        port: 1998,
        // 启动服务器时自动打开浏览器访问
        open: true,
        // 代理
        proxy: {}
    },
    plugins: [
        // html 模板
        new htmlWebpackPlugin({
            template: "./public/index.html"
        })
    ]
}